<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="../js/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../style/font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../style/css/index.css">
    <link rel="stylesheet" type="text/css" href="../style/css/goods.css">
</head>
<body>

<!--Header-->
    <header>
        <div class="top">
            <div class="wrapper" style="overflow: hidden">
                <div class="top_lt left">
                    <i class="iconfont icon-qiandao"></i>
                    <span>[每日签到]</span>
                    <span>每月累计签到满10次，即可获得5蜜豆</span>
                </div>
                <div class="top_rt right">
                    <span><a href="login—register.html?id=1" id="top_login">登录</a></span>
                    <span><a href="login—register.html" id="top_register">注册</a></span>
                    <span>|</span>
                    <span><a href="#"><i class="iconfont icon-shouji"></i>手机APP</a></span>
                    <span><a href="#"><i class="iconfont icon-kefu"></i>在线客服</a></span>
                </div>
            </div>
        </div>
        <!--middle-->
        <div class="middle">
            <div class="wrapper">
                <div class="container">
                    <div class="row">
                        <div class="logo col-md-4" >
                            <a title="美美箱"><img src="../images/loginImg/new-logo_memebox-china.png"></a>
                        </div>
                        <div class="col-md-6">
                            <div class="search">
                                <!--<input type="text"/>-->
                                <!--&nbsp;-->
                                <!--<span class="text_clear iconfont icon-sousuo"></span>-->
                                <!--<button><i class="iconfont icon-sousuo"></i></button>-->
                            </div>
                        </div>

                        <div class="col-md-2"><img src="../images/indexImg/wechatdownload.png" id="qr"></div>
                    </div>
                </div>
            </div>
        </div>

        <!--导航栏-->
        <nav class="wrapper">
            <ul>
                <!--商品列表-->
                <li id="category">
                    <a href="#"><span><i class="iconfont icon-bars"></i>商品分类</span></a>
                    <div id="creat_category">
                        <ul class="sec_menu">
                            <!--动态创建导航栏-->
                        </ul>
                    </div>
                </li>
                <!--End 商品列表-->
                <li><a href="#"><span>主页</span></a></li>
                <li><a href="#"><span>极速仓</span><i class="hot iconfont icon-hot"></i></a></li>
                <li><a href="#"><span>面膜</span></a></li>
                <li><a href="#"><span>直邮</span></a></li>
                <li><a href="#"><span>礼盒</span></a></li>
                <li><a href="#"><span>PONY</span></a></li>
                <li><a href="#"><span>美美妆</span></a></li>
                <li><a href="#"><span>I'M MEME</span></a></li>
                <li><a href="#"><span>K-BEAUTY STYLE</span></a></li>
            </ul>
        </nav>
    </header>
    <!--End Header-->

    <!--Banner-->
    <section id="banner">
        <div>
            <p>
                <img src="http://img001.cn.memebox.com/img/activity/2017/2/9/22/20172922456banner1.jpg">
            </p>
        </div>


    </section>
    <!--End banner-->

    <!--Main-->
    <section id="main" class="wrapper">
        <div class="m_top"><h3>猜你喜欢</h3><span>爱你所爱，为你寻觅世间好物</span></div>
        <!--轮播图-->
        <div id="carousel">
            <div class="screen">
                <ul id="ul">
                    <li>
                        <a href="goods.html?id=30">
                            <img src="../images/listImg/30.jpg"/>
                            <div class="product-info">Pony Effect&nbsp;THAT GIRL刷套装</div>
                            <p class="price"><span>￥220.00</span><del>￥240.00</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="goods.html?id=142">
                            <img src="../images/listImg/142.jpg"/>
                            <div class="product-info">Pony Effect&nbsp;THAT GIRL刷套装</div>
                            <p class="price"><span>￥220.00</span><del>￥240.00</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="goods.html?id=145">
                            <img src="../images/listImg/145.jpg"/>
                            <div class="product-info">Pony Effect&nbsp;THAT GIRL刷套装</div>
                            <p class="price"><span>￥220.00</span><del>￥240.00</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="goods.html?id=149">
                            <img src="../images/listImg/149.jpg"/>
                            <div class="product-info">Pony Effect&nbsp;THAT GIRL刷套装</div>
                            <p class="price"><span>￥220.00</span><del>￥240.00</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="goods.html?id=148">
                            <img src="../images/listImg/148.jpg"/>
                            <div class="product-info">Pony Effect&nbsp;THAT GIRL刷套装</div>
                            <p class="price"><span>￥220.00</span><del>￥240.00</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="goods.html?id=139">
                            <img src="../images/listImg/139.jpg"/>
                            <div class="product-info">Pony Effect&nbsp;THAT GIRL刷套装</div>
                            <p class="price"><span>￥220.00</span><del>￥240.00</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="goods.html?id=46">
                            <img src="../images/listImg/46.jpg"/>
                            <div class="product-info">Pony Effect&nbsp;THAT GIRL刷套装</div>
                            <p class="price"><span>￥220.00</span><del>￥240.00</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="goods.html?id=47">
                            <img src="../images/listImg/47.jpg"/>
                            <div class="product-info">Pony Effect&nbsp;THAT GIRL刷套装</div>
                            <p class="price"><span>￥220.00</span><del>￥240.00</del></p>
                        </a>
                    </li>
                    <!--<li>-->
                        <a href="goods.html?id=30">
                            <img src="../images/listImg/30.jpg"/>
                            <div class="product-info">Pony Effect&nbsp;THAT GIRL刷套装</div>
                            <p class="price"><span>￥220.00</span><del>￥240.00</del></p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--轮播按钮上一个下一个-->
            <div class="pre"><img src="http://cn.memebox.com/skin/frontend/ultimo/default/images/pre-button.png"/></div>
            <div class="next"><img src="http://cn.memebox.com/skin/frontend/ultimo/default/images/next-button.png"/></div>
        </div>


        <!--主商品-->
        <div id="goods">
            <ol>
                <!--动态创建商品参考模板-->
                <!--<li>-->
                    <!--<a href="#">-->
                        <!--<img src="http://img-cn1001.memebox.com/media/catalog/product/cache/1/small_image/320x/9df78eab33525d08d6e5fb8d27136e95/_/4/_40_.jpg" alt="雪纱丝柔防晒隔离霜">-->
                        <!--<h4>LANEIGE 兰芝&nbsp;</h4>-->
                        <!--<h3>雪纱丝柔防晒隔离霜</h3>-->
                    <!--</a>-->
                    <!--<div class="goods_bt">-->
                         <!--<span class="regular-price">-->
                             <!--<span class="price">-->
                                 <!--<span class="symbol">¥</span>-->
                                 <!--229.00-->
                             <!--</span>-->
                         <!--</span>-->
                        <!--<div class="market-price">-->
                            <!--<del class="price">¥245.00</del>                &lt;!&ndash;<span style="font-size: 14px;color:rgb(49,206,181);">美美箱优惠价</span>&ndash;&gt;-->
                            <!--<p class="save-price">-->
                                <!--<span class="price">立省 ¥16.00</span>-->
                            <!--</p>-->
                        <!--</div>-->
                        <!--<button type="button" title="加入购物车" class="btn_cart">-->
                            <!--加入购物车-->
                        <!--</button>-->
                    <!--</div>-->
                <!--</li>-->
            </ol>
        </div>
        <div id="k"></div>
    </section>
    <!--End Main-->
    <!--右侧边栏-->
    <aside>
            <ul class="cart_aside">
                <li id="shop_cart">
                    <a href="#"><i class="iconfont icon-gouwuche"></i>
                    </a>
                    <span>购<br>物<br>车</span>

                    <b>0</b>
                </li>
                <li class="aside_menu">
                    <a href="#"> <i class="iconfont icon-geren"></i></a>
                    <div class="geren">个人中心<span class="triangle"></span></div>
                </li>
                <li class="aside_menu">
                    <a href="#"><i class="iconfont icon-xin"></i></a>
                    <div class="shoucang">我的收藏<span class="triangle"></span></div>
                </li>
                <li class="aside_menu">
                    <a href="#"> <i class="iconfont icon-dingdan"></i></a>
                    <div class="dingdan">我的订单<span class="triangle"></span></div>
                </li>
            </ul>
            <ul  class="cart_aside">
                <li class="aside_menu">
                    <a href="#"><i class="iconfont icon-kefu"></i></a>
                    <div class="kefu">在线客服<span class="triangle"></span></div>
                </li>
                <li class="aside_menu" id="goto_top">
                    <a href="javascript:void(0)"><i class="iconfont icon-top"></i></a>
                    <div class="dingbu">返回顶部<span class="triangle"></span></div>
                </li>

            </ul>

        <!--购物车的模态框-->
            <div id="my_shop_cart">
                <div class="my_shop_title">
                    <span>购物车</span>
                    <i class="iconfont icon-cuo"></i>
                </div>
                <div class="other_shop_title">其他商品</div>
                <ul class="mbar-cart-group" id="cart-group">
                    <!--<li>-->
                        <!--&lt;!&ndash;商品图片&ndash;&gt;-->
                        <!--<div class="cart-img-box">-->
                            <!--<a href="http://cn.memebox.com/catalog/product/view/id/17558/"><img class="mbar-cart-img" src="http://img-cn1001.memebox.com/media/catalog/product/cache/0/thumbnail/255x255/9df78eab33525d08d6e5fb8d27136e95/t/o/too-cool-for-school-_hot-girl_.jpg" alt=""></a>-->
                        <!--</div>-->
                        <!--&lt;!&ndash;商品信息盒子&ndash;&gt;-->
                        <!--<div class="mbar-cart-item">-->

                            <!--<div class="cart-item-name">-->
                                <!--<a class="cart-item-link" href="http://cn.memebox.com/catalog/product/view/id/17558/"><span>TOO COOL FOR SCHOOL&amp;nb...</span></a>-->
                            <!--</div>-->

                            <!--<div class="cart-item-sum">-->
                                <!--<a class="cart-item-btn substrBtn disabled" href="javascript:void(0);">-->
                                    <!--<i class="iconfont icon-jian"></i>-->
                                <!--</a>-->
                                <!--<span class="cart-item-num" data-min="" data-max="">1</span>-->
                                <!--<a class="cart-item-btn plusBtn" href="javascript:void(0);">-->
                                    <!--<i class="iconfont icon-jia"></i>-->
                                <!--</a>-->
                            <!--</div>-->

                            <!--<div class="cart-item-price">¥65.00</div>-->
                            <!--<a class="cart-item-del" href="javascript:void(0);" data-tmp="17558-3476-12669" title="删除">-->
                                <!--<i class="iconfont icon-shanchu"></i>-->
                            <!--</a>-->
                        <!--</div>-->
                    <!--</li>-->
                </ul>
                <!--仓库商品数量-->
                <div class="mbar-cart-sum">
                    <div class="cart-sum-left">
                        本仓共<span class="cart-sum-num">0</span>件商品
                    </div>
                    <!--<div class="cart-sum-right">0</div>-->
                </div>
                <!--去购物车结算-->
                <div class="mbar-cart-foot">
                    <a class="cart-sum-pay" href="cart.html">去购物车结算</a>
                </div>
                <p class="cart-none">购物车很空！</p>
            </div>
    </aside>




    <!--Footer-->
    <footer>
        <div id="f_main">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-xs-3 main_text">
                        <div><img src="../images/loginImg/genuine.png"></div>
                        <p>100%正品</p>
                    </div>
                    <div class="col-md-3 col-xs-3 main_text">
                        <div><img src="../images/loginImg/low.png"></div>
                        <p>优质低价</p>
                    </div>
                    <div class="col-md-3 col-xs-3 main_text">
                        <div><img src="../images/loginImg/deliver.png"></div>
                        <p>极速发货</p>
                    </div>
                    <div class="col-md-3 col-xs-3 main_text">
                        <div><img src="../images/loginImg/refund.png"></div>
                        <p>退换无忧</p>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-xs-4 foot_lt">
                        <img src="../images/loginImg/szj.jpg">
                        <p>关于我们</p>
                        <div class="third_logo">
                            <img src="../images/loginImg/meme.png">
                            <img src="../images/loginImg/wechat.png">
                            <img src="../images/loginImg/sina.png">
                        </div>
                    </div>
                    <div class="col-md-2 col-xs-2 footer_text">
                        <ul>
                            <li class="li_title">关于美美箱</li>
                            <li class="li_text">
                                <a href="#">美美全球</a>
                            </li>
                            <li class="li_text">
                                <a href="#">品牌优势</a>
                            </li>
                            <li class="li_text">
                                <a href="#">消费保障</a>
                            </li>
                            <li class="li_text">
                                <a href="#">线下体验店</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-2 col-xs-2 footer_text">
                        <ul>
                            <li class="li_title">帮助中心</li>
                            <li class="li_text">
                                <a href="#">常见问题</a>
                            </li>
                            <li class="li_text">
                                <a href="#">账户相关</a>
                            </li>
                            <li class="li_text">
                                <a href="#">包邮政策</a>
                            </li>
                            <li class="li_text">
                                <a href="#">支付相关</a>
                            </li>
                            <li class="li_text">
                                <a href="#">物流相关</a>
                            </li>
                            <li class="li_text">
                                <a href="#">退换政策</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-2 col-xs-2 footer_text">
                        <ul>
                            <li class="li_title">服务协议</li>
                            <li class="li_text">
                                <a href="#">服务协议</a>
                            </li>
                            <li class="li_text">
                                <a href="#">个人网申协议</a>
                            </li>
                            <li class="li_text">
                                <a href="#">隐私政策</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-2 col-xs-2 footer_text">
                        <ul>
                            <li class="li_title">联系我们</li>
                            <li class="li_text">
                                <a href="#">商务合作</a>
                            </li>
                            <li class="li_text">
                                <a href="#">分销合作</a>
                            </li>
                            <li class="li_text">
                                <a href="#">加入我们</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="service">
            <P>联系客服</P>
            <div>
                <span>客服时间 : 周一~周日(9:00 - 21:00)</span>
                <span>客服热线: 400-720-9967</span>
                <span>客服邮箱 :kf@memeboxglobal.com</span>
            </div>
        </div>
        <div id="copyright">
            <div class="cr_lt left">
                <span>© 2015 Memebox Corporation. All Rights Reserved.</span>
            </div>
            <div class="cr_rt right">
`11                <a><img src="../images/loginImg/icon.gif"></a>
                <span>蜜米柏克思（上海）商贸有限公司 </span>
                <span>上海市杨浦区政立路415号中航天盛广场A座6楼 </span>
                <span>沪ICP备14043341号</span>
                <a href="#">营业执照</a>
            </div>
        </div>
        <div id="bt_img">
            <img src="../images/indexImg/szj.png"/>
            <img src="../images/indexImg/szjqr.png"/>
            <span class="close"></span>
        </div>
    </footer>

    <!--End footer-->
</body>
</html>
<script src="../js/jquery/jquery.js"></script>
<script src="../js/html5shiv/html5shiv.js"></script>
<script src="../js/bootstrap/bootstrap.min.js"></script>
<script src="../js/lib/ajax.js"></script>
<script src="../js/index.js"></script>
<script src="../js/lib/cookies.js"></script>
<script src="../js/lib/jquery.cookie.js"></script>
<!--<script src="../js/lib/goods.js"></script>-->
